<!-- 进度条 -->
<script setup lang="ts">
defineProps<{
  width: number
  progress: number
}>()
</script>

<template>
  <view class="relative h-20rpx bg-white bg-opacity-50" :style="{ width: `${width}rpx` }">
    <view
      class="absolute left-0 top-0 h-20rpx bg-white transition-all duration-200 ease-in-out"
      :style="{ width: `${width * progress}rpx` }"
    />
  </view>
</template>
